// pages/details/details.js
const {getGoodsDetail} = require('../../api/Home');

Page({

  /**
   * 页面的初始数据
   */
  data: {
    imgs:[
      "/images/banner01.jpg",
      "/images/banner02.jpg",
      "/images/banner03.jpg",
      "/images/banner04.jpg",
    ],
    collect:false,// 判断是否收藏
    collectlists:[],// 收藏数据列表
    num:0,// 商品数量
    id:null,// 获取商品id
    goods:{
      id:2,
      goodsImage:"/images/banner01.jpg",
      goodsName:"商品名称",
      goodsImgs:[
        "/images/banner01.jpg",
        "/images/banner02.jpg",
        "/images/banner03.jpg",
        "/images/banner04.jpg",
      ],
      goodsAddress:"广州",
      goodsPrice:"200",
      goodsPriceOld:"300",
      goodsDetails:"/images/IMG_0466.JPG"
    }
  },
  // 数据缓存
    // 数据缓存
    // wx.setStorageSync
    // wx.getStorageSync
    // wx.removeStorageSync
    // wx.clearStorageSync
    // wx.getStorageInfoSync

  // 数据方法
    // 1.添加数据与修改数据
    // wx.setStorageSync('goodsListsData', ["这是商品数据列表-988888"])
    // 2.获取数据
    // let data = wx.getStorageSync("goodsListsData");
    // console.log(data);
    // 3.删除数据
    // wx.removeStorageSync("goodsListsData");
    // 4.清空数据
    // wx.clearStorageSync();
    // 5.获取缓存信息
    // let infoData = wx.getStorageInfoSync();
    // console.log(infoData);

    // 同步数据缓存
    // wx.setStorage
    // wx.getStorage
    // wx.removeStorage
    // wx.clearStorage
    // wx.getStorageInfo
    collectBtn(){
      
    },
  //判断是否收藏
  click(options){
    console.log('点击了收藏按钮');
    this.collect = !this.collect;
    
    // wx.setStorageSync('mylike',{id:123});
    
    // console.log(wx.getStorageSync('mylike'))


    if(this.collect==true){
      // 购物车数据结构
      let cartLists = {
        id:this.data.goods.id,
        goodsImage:this.data.goods.goodsImage,
        goodsName:this.data.goods.goodsName,
        goodsPrice:this.data.goods.goodsPrice,
        num:1
      };
      // 数据添加数据缓存中
      // 判断数据缓存中是否存在
      let mylike = wx.getStorageSync("mylike");// 获取数据
      if(mylike){
        // 有数据
        let index = mylike.findIndex(item=>item.id == this.data.goods.id);
        if(index != -1){ // 有值返回下标,没有值返回-1
          // 判断是否有相同数据,数量加一
          mylike[index].num += 1;
        }else{
          // 没有相同数据,添加数据
          mylike.push(cartLists);
        }
        // 更新数据
        wx.setStorageSync('mylike', mylike)
      }else{
        // 没有数据,直接添加数据
        wx.setStorageSync('mylike',[cartLists]);
      }
      // 更新商品数据
      this.setData({
        num:wx.getStorageSync('mylike').length,
        collect:this.collect
      })
    }else{
      let newlikelist = wx.getStorageSync("mylike");
      let number = newlikelist.findIndex(item=>item.id == this.data.goods.id);
      newlikelist.splice(number,1);
      // console.log("新的列表",newlikelist)
      // console.log(number)
      wx.setStorageSync("mylike",newlikelist);
      console.log(wx.getStorageSync("mylike"))
      this.setData({
        num:wx.getStorageSync('mylike').length,
        collect:this.collect
      })
    }

  },





  // 加入购物车
  setCart(){
    // 购物车数据结构
    let cartLists = {
      id:this.data.goods.id,
      goodsImage:this.data.goods.goodsImage,
      goodsName:this.data.goods.goodsName,
      goodsPrice:this.data.goods.goodsPrice,
      num:1
    };
    // 数据添加数据缓存中
    // 判断数据缓存中是否存在
    let goodsCarList = wx.getStorageSync("goodsCarList");// 获取数据
    if(goodsCarList){
      // 有数据
      let index = goodsCarList.findIndex(item=>item.id == this.data.goods.id);
      if(index != -1){ // 有值返回下标,没有值返回-1
        // 判断是否有相同数据,数量加一
        goodsCarList[index].num += 1;
      }else{
        // 没有相同数据,添加数据
        goodsCarList.push(cartLists);
      }
      // 更新数据
      wx.setStorageSync('goodsCarList', goodsCarList)
    }else{
      // 没有数据,直接添加数据
      wx.setStorageSync('goodsCarList',[cartLists]);
    }
    // 更新商品数据
    this.setData({
      num:wx.getStorageSync('goodsCarList').length
    })
  },

  // 跳转购物车页面
  goCar(){
    wx.switchTab({
      url:'/pages/car/car',
    })
  },
  // 跳转首页
  goHome(){
    wx.switchTab({
      url:'/pages/home/home',
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(options);
    this.id = options.id;
    getGoodsDetail({goods_id:options.id}).then((data)=>{
      console.log(data);
      let {goods_id,goods_small_logo,goods_name,pics,goods_price,goods_introduce} = data.message;
      let goods = {
        id:goods_id,
        goodsImage:goods_small_logo,
        goodsName:goods_name,
        goodsImgs:pics,
        goodsAddress:"广州",
        goodsPrice:goods_price,
        goodsPriceOld:goods_price + 100,
        goodsDetails:goods_introduce
      }
      console.log("进入页面获取该商品id",goods.id);
      let newlikelist = wx.getStorageSync("mylike");
      // newlikelist.findIndex(item=>item.id == this.data.goods.id);
      if(newlikelist.findIndex(item=>item.id == goods.id)>=0){
        this.collect = true;
        this.setData({
          collect:this.collect
        })
      }else{
        this.collect = false;
        this.setData({
          collect:this.collect
        })
      }
      this.setData({
        goods
      })
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.setData({
      num:wx.getStorageSync('goodsCarList').length
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})